@font-face {
    font-family: customFont;
    src: url('LinLibertine_RB.otf');/*, url('Sansation_Light.eot'); /* IE9 */
}

.test-style {
    /*  background-color: blue;
      color: orange;
      font-family: cursive;
      text-underline-position: below;
      */
}

body {
    /* background-color: #DBDBDB;*/
    /*background-color: #89A8A8;*/
    background: #e6e6fa;
    font-family: Helvetica;
    /* padding: 15px;*/
}

.header {
    /*  border: 1px none;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 2px 2px 25px;
    margin: 1% 11% 1% 9%;
    */
    background: none repeat scroll 0 0 #A69BE2;
    border-radius: 0 0 20px 20px;
    box-shadow: 9px 5px 32px;
    margin: -8px 9% 2% 5%;
    height: 50px;
    width: 1200px;
}

.headerWidth {
    width: 100%;
}

.leftside {
    /* float: right; */
    padding-top: 5px;
    width: 70%;
    font-size: 20px;
}

.rightside {
    /*float: right;*/
    text-align: right;
    margin: 3px 0px;
    /*position: absolute;*/

}

.breadCrumbs {

    font-size: 18px;
    width: 870px;
    text-shadow: 3px 1px 1px black;

}

.breadCrumbsLink {
    font-size: 20px;
}

.content {
    padding-left: 5%;
}

.preloaderStyle {
    background: none;
}

.ShowEditTable {
    border-radius: 20px 20px 20px 20px;
    box-shadow: 13px 7px 38px;
    margin-left: 3%;
    padding: 21px 70px 24px;
    width: 83%;
}

.ShowRejectTable {
    border-radius: 20px 20px 20px 20px;
    box-shadow: 13px 7px 38px;
    margin-top: 20px;
    padding: 21px 70px 24px;

}

.ShowCatalogTable {
    border-radius: 20px 20px 20px 20px;
    box-shadow: 13px 7px 38px;
    /* margin-left: 3%;*/
    /*  padding: 21px 70px 24px;*/
    margin-top: 20px;
    /*  width: 83%;*/
}

.ShowToolTable {
    /*  border-radius: 20px 20px 20px 20px;
      box-shadow: 13px 7px 38px;*/
    /* margin-left: 3%;*/
    /*  padding: 21px 70px 24px;*/
    margin-right: 20px;
    /*  width: 83%;*/
}

.forViewMap {
    background: #adff2f;
    text-align: center;
}

.forViewMapRed {
    background: red;
    text-align: center;
}

.forViewMapYell {
    background: yellow;
    text-align: center;
}

.forViewMapOrange {
    background: orange;
    text-align: center;
}

a {
    color: white;
    font-size: 24px;
    /*  padding-bottom: 5px;*/
    text-decoration: none;

}

input {
    border: 2px solid;
    /* width:150px;*/

}

.gwt-CheckBox {
    border: 3px solid;
}

.header {
    /*    background: none repeat scroll 0 0 #EEE8AA;*/
    border-radius: 10px;
}

.warning {
    color: red;
}

#fs, #sc, #th {
    width: 22%;
    float: left;
}

.system_msg {
    background-color: violet;
}

    /*
.request-table {
/* border: 2px solid black;*/
    /*  padding: 5px 10px;*/
    /*border-collapse: collapse;
}

.request-table input {
    border: none;
}

.request-table td,
.request-table tr,
.request-table th {
    /*  border: 1px
    solid black;*/
    /*border-collapse: collapse;
}

.request-table th {
    background-color: #B4B4B4;
}

    /*

             .request_table tr {
             }

         */
    /*
   .request-table .ticked {
       background-color: #E6E6E1;
   }
    */
.btn {
    background-color: lavender;

}

.btn-active {
    background-color: deepskyblue;
}

.btn-unactive {
}

.btn-active,
.btn,
.btn-unactive {
    border-radius: 5px 5px 5px 5px;
    overflow: hidden;
}

.Caption, .Caption3top {
    margin: 0;
    padding: 5px 7px;
    text-decoration: none;
    cursor: pointer;
    cursor: hand;
    font-size: small;
    /* background: url("images/hborder.png") repeat-x 0px -2077px;*/
    border: 1px solid #bbb;
    border-bottom: 1px solid #a0a0a0;
    border-radius: 3px;
    -moz-border-radius: 3px;
    box-shadow: 2px 2px 2px;
}

.Caption3top {
    margin-top: 3px;
}

.grid {
    text-align: left;
    background-color: white;
    border: 1px solid gray;
}

.grid2 {
    text-align: right;
}

.grid td {
    border: 1px solid gray;
}

.lable {
    text-align: center;
    /*   font-size: 13pt;*/
}

.tableShadow {
    border-radius: 5px 5px 5px 5px;
    box-shadow: 5px 5px 31px;
}

.gwt-TextArea-readonly {
    background: #f5fffa;
    color: black;
    resize: none;

}

.gwt-TextArea {
    height: 147px;
    resize: none;
    overflow: auto;
    width: 100%;
    background-color: #f5f5dc;
}

.gwt-TextAreaWritable {
    /*  height: 147px;*/
    resize: none;
    overflow: auto;
    width: 100%;
    background-color: #f5f5dc;
}

.incorrect {
    position: fixed;
    left: 35%;
    top: 30%;

}

.authorization {

    padding: 5% 30%;

}

.authorizationPanel {
    padding: 26px;
    background: none repeat scroll 0 0 white;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 9px 8px 26px;

}

.authorizationPanelChange {
    background: none repeat scroll 0 0 white;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 9px 8px 26px;
    margin: 5% 30%;
    padding: 26px;

}

.authorizationLabel {

    font-size: 33px;
    margin-bottom: 19px;
    border-bottom: 1px solid;
    padding-left: 16%;
    /*margin-left: 25%;*/

}

.inputWidth {
    border: 2px solid;
    margin: 10px 0 0;
    width: 270px;
}

.leftMargin {
    margin-left: 10px;
}

.authorizationPadding {
    padding: 10px 10px 10px 10px;
}

.authorizationMargin {
    margin: 0 10px 10px 5px;
}

.authorizationAnchor {
    padding: 10px 0px 0px 0px;
    color: #A69BE2;
    fonr-size: 18px;
    cursor: pointer;
}

    /*
.authorizationAnchor: hover{
    padding: 10px 10px 0 10px;
    cursor: pointer;
    color:#A69BE2;
    fonr-size: 18px;
}
    */
.logOutButton {
    background: none repeat scroll 0 0 lavender;
    margin: 7px 15px 5px;
}

.inputClass {
    width: 100%;
    background-color: #f5f5dc;
    border: 1px #333333;
    border-radius: 3px;
    resize: none;
    overflow: auto;

}

.userPosition, .namePosition {
    float: left;
    font-size: 20px;
    margin: 10px 0 0 5px;
    position: relative;
    /*  text-align: center;*/
    text-shadow: 3px 1px 1px whitesmoke;
    width: 21%;
}

.gwt-suggestboxSearch {
    /*  width: 100%;*/
    margin-top: 25px;
    background-color: #F5F6DC;
    height: 25px;
    margin-right: 8px;
    width: 142px;
}

.title {
    /*  background: none repeat scroll 0 0 ivory;*/
    /*border-radius: 5px 5px 5px 5px;*/
    /*box-shadow: 5px 5px 2px;           */
    /*font-size: 21px;*/
    font-size: 32px;
    height: 37px;
    color: #535353;
    margin-bottom: 4px;
    margin-left: 33%;
    padding: 5px 10px 0;
    /* text-align: center;*/
    width: 194px;
    text-shadow: 3px 4px 6px white;
}

.titleCatalog {
    /*  background: none repeat scroll 0 0 ivory;*/
    /*border-radius: 5px 5px 5px 5px;*/
    /*box-shadow: 5px 5px 2px;           */
    /*font-size: 21px;*/
    font-size: 32px;
    height: 37px;
    color: #535353;
    margin-bottom: 4px;
    /*  margin-left: 33%;*/
    padding: 5px 10px 0;
    /* text-align: center;*/
    min-width: 194px;
    text-shadow: 3px 4px 6px white;
}

.cell td {
    border: none;
}

.titleViewMap {
    background: none repeat scroll 0 0 grey;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 5px 5px 2px;
    color: window;
    font-size: 26px;
    height: 43px;
    margin-bottom: 10px;
    opacity: 1.4;
    padding: 10px 10px 0;
    width: 208px;
    float: left;
    padding-top: 4px;
}

.titleDateLabel {
    background: none repeat scroll 0 0 #928DD4;
    margin-left: 13px;
    width: 131px;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 5px 5px 2px;
    color: window;
    font-size: 26px;
    height: 43px;
    margin-bottom: 10px;
    opacity: 1.4;
    padding: 5px 10px 0;
}

.calendarViewMap {
    margin: 40px;
    border: medium none;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 10px 6px 43px;
    margin: 25px 0;
    padding: 20px;
    text-align: left;
    border-right: 1px solid;
    border-bottom: 1px solid;
}

.forViewMap {
    background: #adff2f;
    /* background-color: white;*/
    border: medium none;
    /* border-radius: 10px 10px 10px 10px;
     box-shadow: 10px 6px 43px;
     margin: 25px 0;
     padding: 20px;
     text-align: left;*/
}

.forViewMap td {
    background: #3a6aad;
    /* background-color: white;*/
    border: none;

    /* border-radius: 10px 10px 10px 10px;
     box-shadow: 10px 6px 43px;
     margin: 25px 0;
     padding: 20px;
     text-align: left;*/
}

.forViewMapRed {
    background: red;
}

.forViewMapYell {
    background: yellow;
}

.forViewMapOrange {
    background: orange;
}

.popup {
    background: #A69BE2;
    box-shadow: 9px 5px 32px;
    margin: -8px 9% 2% 5%;
}

.listGrid {
    border: 1px solid #ABABAB;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 10px 10px 19px;
    margin-bottom: 20px;
    overflow: hidden;
    background: none !important;
}

.workGrid {
    border: 1px solid #ABABAB;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 10px 10px 19px;
    margin-bottom: 20px;
    overflow: hidden;
    background: none;
}

.rejectLabel {
    position: relative;
    top: 30px;
    left: 20px;
    border-radius: 20px 20px 20px 20px;
    box-shadow: 13px 7px 38px;
    /*margin-left: 3%;*/
    padding: 21px 70px 24px;
    width: 53%;
}

.headerButton, .imgHeaderButton {
    border-left: 1px solid #FAFAFA;
    border-right: 1px solid #CCCCCC;
    color: black;
    padding-left: 30px;
    padding-right: 3px;
    font-size: 18px;
    background: none;
}

.headerButtonSelected, .imgHeaderButtonSelected {
    /*  background: #A69BE2 repeat scroll 0 0 / 100% auto #F0F6FF;*/
    border-bottom: 1px solid #97B4D3;
    border-left: 1px solid white;
    border-right: 1px solid #CDCFD0;
    color: black;
    /* font-family: Arial,Verdana,sans-serif;*/
    font-size: 18px;
    padding-left: 3px;
    background: none;
    padding-right: 3px;
}

    /*
}.listGridCatalog{
   border: 1px solid #ABABAB;
   border-radius: 10px 10px 10px 10px;
   box-shadow: 10px 10px 19px;
   margin-bottom: 20px;
   overflow: hidden;
   background: no-repeat;
}
.headerButtonCatalog, .imgHeaderButtonCatalog {
   border-left: 1px solid #FAFAFA;
   border-right: 1px solid #CCCCCC;
   color: black;
   padding-left: 30px;
   padding-right: 3px;
   font-size: 18px;
   background: no-repeat;
}
.headerButtonSelectedCatalog, .imgHeaderButtonSelectedCatalog {
   /*  background: #A69BE2 repeat scroll 0 0 / 100% auto #F0F6FF;*/
    /*border-bottom: 1px solid #97B4D3;
    border-left: 1px solid white;
    border-right: 1px solid #CDCFD0;
    color: black;
     font-family: Arial,Verdana,sans-serif;*/
    /*font-size: 18px;
    padding-left: 3px;
    background: no-repeat;
    padding-right: 3px;
}                         */